<%-- 
    Document   : sidebarLeft
    Created on : Nov 16, 2011, 6:41:15 PM
    Author     : NguyenKhoi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>

<div class="sideBarBox" id="listStore">
    <div class="roundBox sideBarBoxContent">
        <div class="departments">
            <ul class="nav">
                <c:forEach items="${typeApple}" var="item">
                    <li><a href="#">Shop ${item.name} </a></li>
                </c:forEach>
            </ul>
        </div>
        <div class="shopaccessories">
            <ul class="nav">
                <li><a href="#">Mac Accessories</a></li>
                <li><a href="#">Mac Software </a></li>
                <li><a href="#">iPod Accessories </a></li>
                <li><a href="#">iPhone Accessories</a></li>
                <li><a href="#">iPad Accessories</a></li>
            </ul>
        </div>
        <div class="moreShop">
            <ul class="nav">
                <li><a href="#">Education Store</a></li>
                <li><a href="#">Bussiness Store</a></li>
                <li><a href="#">Government Store</a></li>
                <li><a href="#">International Stores</a></li>
            </ul>
        </div>
    </div>         
</div>
<div id="popularAccessories" class="sideBarBox" >
    <div class="boxHeader smallHeader"><span>Popular Accessories</span></div>
    <div class="sideBarBoxContent roundBoxBottom">
        <div class="nav listHeader"><a href="#">For iPad</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Cases </a></li>
                <li> <a href="#">Cables &amp; Docks</a></li>
                <li> <a href="#">Headphones</a></li>
                <li> <a href="#">Keyboards</a></li>
            </ul>
        </div>
        <!------- For iPhone ----------------->
        <div class="nav listHeader"><a href="#">For iPhone</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Armbands &amp; Cases</a></li>
                <li> <a href="#">Cables &amp; Docks</a></li>
                <li> <a href="#">Car Audio</a></li>
                <li> <a href="#">Headsets</a></li>
            </ul>
        </div>
        <!------- end For iPhone -------------->
        <!------- For Mac ----------------->
        <div class="nav listHeader"><a href="#">For Mac</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Airports &amp; Wireless</a></li>
                <li> <a href="#">AppleCare</a></li>
                <li> <a href="#">Audio &amp; Speakers</a></li>
                <li> <a href="#">Bags &amp; Notebook Cases</a></li>
            </ul>
        </div>
        <!------- end For Mac-------------->
        <!------- Software ----------------->
        <div class="nav listHeader"><a href="#">Software</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Apple Software</a></li>
                <li> <a href="#">Design &amp; Publishing</a></li>
                <li> <a href="#">Mac Games</a></li>
                <li> <a href="#">Music &amp; Audio</a></li>
            </ul>
        </div>
        <!------- end Software-------------->
        <!------- For iPod ----------------->
        <div class="nav listHeader"><a href="#">For iPod</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Cases</a></li>
                <li> <a href="#">Cables &amp; Docks</a></li>
                <li> <a href="#">Car Accessories</a></li>
                <li> <a href="#">Headphones</a></li>
            </ul>
        </div>
        <!------- end For iPod-------------->
        <!------- Gift card ----------------->
        <div class="nav listHeader"><a href="#">Gift card</a></div>
        <div class="listContent">
            <ul>
                <li> <a href="#">Apple Gift Card</a></li>
                <li> <a href="#">iTunes Gift Cards</a></li>
            </ul>
        </div>
        <!------- end Gift card-------------->
    </div>
</div>
<!-- Box Special Deal -->
<div id="specialDeal" class="sideBarBox">
    <div class="boxHeader smallHeader"><span>Special Deal</span></div>
    <div class="sideBarBoxContent roundBoxBottom">
        Special Deal</div>
</div>
<!-- end Box Special Deal -->